<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
    <form>
        <input type="text" value="单行文本框" size="" maxlength=""/><br>
        <input type="password"/><br>
        <input type="radio" name="" value="单选框" checked/><br>
        <input type="checkbox" name="" value="复选框"/><br>
        <input type="button" value="普通按钮"/><br>
        <input type="submit" value="提交按钮"/><br>
        <input type="reset" value="重置按钮"/><br>
        <input type="file"/><br>
        <textarea>
            多行文本框
        </textarea><br>
        <select>
            <option>选项内容1</option>
            <option>选项内容2</option>
        </select><br>
        <iframe src="链接地址" width="宽度数值" height="高度数值"></iframe>
    </form>

    <form action="/echo" method="POST" id="formtestid" name="formtestname">
        <p>用户名：<input type="text" name="username"></p>
        <p>密码：<input type="password" name="password"></p>
        <p><button type="submit">登录</button></p>
    </form>
    <!-- 提交表单 -->
    <form id="form" name="form1" action="http://www.baidu.com">
        <!-- 存放一个 input 放在这，为了获取焦点，然后我们可以按 enter 键提交 -->
        <input type="text">
        <input type="submit" value="submit">
        <!-- 重置表单-->
        <input type="reset" value="reset">
    </form>
</div>
</body>
<script>
    var formDom = document.getElementById("formtestid");
    console.log(formId);
    console.log(document.forms[0])
    console.log(document.forms['formtestname'])
</script>
</html>